<template>
    <div class="com_content">
        <div>
            <Left></Left>
        </div>
        <div>
            <Right></Right>
        </div>
    </div>
</template>
<script>
import Left from './Left'
import Right from './Right'
export default {
	components: { Left, Right }
}
</script>

<style scoped>
.com_content {
	display: flex;
	height: 100%;
}
.com_content > div:nth-child(1) {
	flex-grow: 1;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
	height: 100%;
	border-right: 1px solid #dcdfe6;
}
.com_content > div:nth-child(2) {
	padding-left: 20px;
	flex-grow: 1;
	overflow: auto;
}
</style>